.goods-waterfall {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 24rpx 12rpx 0;
  .u-column {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: auto;
  }
  .column-item {
    margin: 0 12rpx 20rpx;
    border-radius: 16rpx;
    box-shadow: 0 4rpx 24rpx rgba(150, 151, 153, 0.12);
    background-color: #FFFFFF;
    .cover-content {
      position: relative;
      width: 100%;
      height: 340rpx;
    }
    .mask {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 156rpx;
      background: linear-gradient(360deg, rgba(17, 17, 17, 0.7) 0%, rgba(196, 196, 196, 0) 100%);
    }
    .cover-image {
      width: 100%;
      height: 100%;
      border-radius: 16rpx 16rpx 0 0;
    }
    .user-content {
      position: absolute;
      bottom: 12rpx;
      z-index: 3;
      display: flex;
      align-items: center;
      width: 100%;
      padding: 0 12rpx;
    }
    .avatar {
      width: 48rpx;
      height: 48rpx;
      margin-right: 8rpx;
      border-radius: 50%;
    }
    .user-name {
      flex: 1;
      @include bov(1);
      font-size: 24rpx;
      line-height: 32rpx;
      text-shadow: 0 2rpx 2rpx rgba(0, 0, 0, 0.2);
      color: #ffffff;
    }
    .desc-content {
      width: 100%;
      padding: 16rpx 20rpx 8rpx;
    }
    .title {
      display: flex;
      justify-content: left;
      margin-bottom: 20rpx;
      font-size: 28rpx;
      font-weight: 500;
      line-height: 40rpx;
      @include bov(2);
      color: $n8Color;
    }
    .tag {
      display: inline-block;
      margin-right: 8rpx;
      padding: 0 8rpx;
      font-size: 20rpx;
      line-height: 32rpx;
      color: #B57A43;
      background: linear-gradient(90deg, #FDEDC7 0.12%, #FEDFA6 100%);
      border-radius: 4rpx;
    }
    .price {
      font-size: 28rpx;
      font-weight: 500;
      line-height: 40rpx;
      color: $themeColor;
    }
    .buy-num {
      font-size: 24rpx;
      line-height: 32rpx;
      color: $n6Color;
    }
    .button {
      display: flex;
      box-sizing: border-box;
      width: 100%;
      height: 64rpx;
      margin-bottom: 16rpx;
      line-height: 64rpx;
      border-radius: 32rpx;
      font-size: 24rpx;
      color: #FFFFFF;
    }
    .help-sell-btn {
      text-align: left;
      background-color: #FF6051;
      .btn-lf {
        box-sizing: border-box;
        width: 55%;
        text-align: center;
        line-height: 64rpx;
      }
      .gain-price {
        font-size: 32rpx;
        font-weight: 500;
      }
      .btn-rt {
        position: relative;
        width: 45%;
        padding-left: 12rpx;
        background-color: $themeColor;
        border-radius: 0 32rpx 32rpx 0;
      }
      .vector_icon {
        position: absolute;
        top: 0;
        left: -8rpx;
        z-index: 2;
        width: 24rpx;
        height: 100%;
      }
      .txt {
        height: 64rpx;
        line-height: 64rpx;
        text-align: center;
      }
      .icon-arrow_right {
        margin-left: 4rpx;
      }
    }
    .disable-btn {
      justify-content: center;
      background-color: #FFE5DE;
    }
  }
}